<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>常见问题</title>
    <script src="../js/base.js"></script>
    <link rel="stylesheet" type="text/css" href="../css/person.css"/>
    <script src="../js/user/person.js"></script>
</head>
<style type="text/css">
    .fs {
        font-size: 17px;
    }

    .left_arrow {
        width: 23px;
        height: 25px;
        top: 13px;
        left: 15px;
        background-size: 50%;
        position: absolute;
        background-image: url(../img/arrow_left.png);
        z-index: 100;
    }
    .question{display: none}
</style>
<body ms-controller="root">

<div class="top fs">
    <span class="left_arrow bgBox" onclick="javascript:history.back(-1);"></span>
    常见问题
</div>

		<#list questionTypes as type>
		<div class="person_lis mt10">
            <div>
                <span class="f14 color999">${type.type_name}</span>
                <span class="arrow fr markets-a" id="ann${type.id}"></span>
            </div>
			<#list question as que>
                <#if '${que.question_type_id}' == '${type.type_name}'>
                    <div class="question">
                        <div style="font-size: 13px;border-top: 1px solid rgba(221,221,221,.3);">${que.subtitle}</div>
                        <p style="font-size: 10px;" class="color999">${que.content}</p>
                    </div>
                </#if>
            </#list>
        </div>
        </#list>
<#--<div class="person_lis">
    <span class="f14 color999">充值问题</span>
    <span class="arrow fr" id="ann"></span>
</div>
<div class="person_lis">
    <span class="f14 color999">交易保证金问题</span>
    <span class="arrow fr" id="ann"></span>
</div>
<div class="person_lis">
    <span class="f14 color999">交易相关问题</span>
    <span class="arrow fr" id="ann"></span>
</div>-->
</body>
</html>
<script type="text/javascript">
    $(document).ready(function () {
        $("#ann1").click(function () {
            var $tr = $(this).parent().siblings(".question");
            $tr.slideToggle();
        });
        $("#ann2").click(function () {
            var $tr = $(this).parent().siblings(".question");
            $tr.slideToggle();
        });
        $("#ann3").click(function () {
            var $tr = $(this).parent().siblings(".question");
            $tr.slideToggle();
        });
        $("#ann4").click(function () {
            var $tr = $(this).parent().siblings(".question");
            $tr.slideToggle();
        });

    });


</script>